/*!/css/reset.css*/
html, body, div, span, p, dl, dt, dd, ul, ol, li, table, thead, tbody, tfoot, tr, th, td, h1, h2, h3, h4, h5, h6, img, a, strong, form, fieldset, input, textarea, select, lable, option, blockquote, pre {
  margin: 0;
  padding: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

label, input, select, textarea {
  vertical-align: middle;
  font-size: 14px
}

ol, ul {
  list-style: none
}

h1, h2, h3, h4, h5, h6 {
  font-size: 14px
}

a {
  outline-width: 0;
  text-decoration: none;
  color: #6d77b8
}

a:hover {
  text-decoration: none;
  color: #7b87d1
}

textarea:focus, input:focus {
  outline: 0
}

img {
  border: 0
}

em, i {
  font-style: normal
}

.dsn {
  display: none
}

.fl {
  float: left
}

.fr {
  float: right
}

.clear {
  clear: both
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  line-height: 0
}

.clearfix {
  zoom: 1
}

.mt10 {
  margin-top: 10px
}

::-webkit-scrollbar-thumb {
  background-color: #c3c3c3;
  height: 50px;
  outline-offset: -2px;
  -webkit-border-radius: 10px;
  background-clip: padding-box;
  border: 5px solid transparent
}

::-webkit-scrollbar {
  width: 15px;
  height: 8px
}

::-webkit-scrollbar-track-piece {
  -webkit-border-radius: 0
}

/*!/css/layout.css*/
body {
  font-family: Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", "\5FAE\8F6F\96C5\9ED1", "\5B8B\4F53", sans-serif
}

body, .eui-cover, .content {
  background-color: #f2f2f2
}

a {
  text-decoration: none
}

a:link, a:visited {
  color: #6d77b8
}

a:hover, a:active {
  color: #535a8c
}

.ionic-chat-container>.scroll {
  padding-left: 7px;
  padding-right: 7px
}

.eui-cover {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 20000
}

.eui-cover .eui-loading {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -9px 0 0 -9px;
  width: 18px;
  height: 18px;
  background-image: url(../img/process.gif);
  background-size: 18px 18px
}

.eui-notice-cnt {
  position: relative;
  text-align: center;
  background-color: rgba(224, 224, 224, .9);
  z-index: 100
}

.eui-notice-cnt span {
  display: inline-block;
  vertical-align: middle
}

.eui-notice-cnt .img-span {
  height: 16px
}

.eui-notice-cnt .audio {
  width: 22px;
  background-position: 30px -24px
}

.eui-notice-cnt .process {
  width: 16px;
  background-image: url(../img/process.gif);
  background-size: 100% 100%
}

.eui-notice-cnt .txt {
  margin: 4px 0;
  line-height: 21px
}

.eui-notice-cnt.notice-hide, .eui-notice-cnt .notice-hide {
  display: none
}

.eui-mask, .eui-pic-zoom-container {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999
}

.eui-mask {
  background: rgba(0, 0, 0, .5) !important;
  background: #000;
  filter: alpha(opacity=50)
}

.eui-pic-zoom-container {
  overflow: auto
}

.eui-pic-zoom {
  display: table;
  width: 100%;
  height: 100%
}

.eui-pic-zoom .table-row {
  display: table-row
}

.eui-pic-zoom .table-cell {
  display: table-cell;
  text-align: center;
  vertical-align: middle
}

.eui-pic-zoom img {
  width: 100%
}

.ion-android-arrow-down:before {
  content: url(../img/getmore.svg)
}

.scroll-refresher {
  height: 40px;
  top: -30px
}

.scroll-refresher .ionic-refresher-content.ionic-refresher-with-text {
  bottom: 2px
}

.scroll-refresher .ionic-refresher-content .text-pulling, .scroll-refresher .ionic-refresher-content .text-refreshing {
  font-size: 12px;
  color: #9b9b9b
}

.disconnect-selector .disconnect-item {
  line-height: 2;
  border: 1px solid;
  border-radius: 4px;
  font-size: 16px;
  color: #7570bd;
  margin: 17px auto;
  width: 60%
}

/*!/css/record.css*/
.record-history-tip {
  padding: 10px 0;
  text-align: center;
  color: #7f7f7f;
  position: relative
}

.record-history-tip .ico-01, .record-history-tip .check {
  display: inline-block;
  vertical-align: middle
}

.record-history-tip .ico-01, .talk-item .send-status-fail {
  background: url(../img/standard.svg) no-repeat;
  background-size: 281px 90px
}

.record-history-tip .ico-01 {
  position: relative;
  margin-right: 3px;
  width: 12px;
  height: 12px;
  background-position: -255px -3px
}

.talk-item {
  padding: 10px 0;
  color: #262626;
  overflow: hidden;
  zoom: 1
}

.talk-item-time {
  padding: 3px 0;
  text-align: center;
  font-size: 12px;
  color: #c2c2c2
}

.talk-item .talk-item-container {
  overflow: hidden;
  zoom: 1
}

.talk-item .talk-item-content {
  position: relative;
  max-width: 88%
}

.talk-item.talk-b .talk-item-content, .talk-item.talk-b .head-photo {
  float: left
}

.talk-item.talk-a .talk-item-content, .talk-item.talk-a .head-photo {
  float: right
}

.talk-item .head-photo {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  width: 40px;
  height: 40px;
  background-color: #fff
}

.talk-item .message-text {
  position: relative;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  padding: 9px 12px;
  line-height: 1.6;
  word-wrap: break-word;
  word-break: break-all;
  font-size: 16px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto
}

.talk-b .message-text {
  margin: 0 2px 0 50px;
  border: 1px solid #cbcbcb;
  background-color: #fff
}

.talk-a .message-text {
  margin: 0 50px 0 2px;
  border: 1px solid #8177bf;
  color: #fff;
  background-color: #8177bf
}

.talk-a .message-text a, .talk-a .message-text a:visited, .talk-a .message-text a:hover, .talk-a .message-text a:active {
  color: #fff
}

.talk-b .message-text:before, .talk-b .message-text:after, .talk-a .message-text:before, .talk-a .message-text:after {
  position: absolute;
  border-top: 1px solid transparent;
  border-bottom: 6px solid transparent;
  content: "";
  width: 0;
  height: 0
}

.talk-b .message-text:before, .talk-a .message-text:before {
  top: 12px
}

.talk-b .message-text:after, .talk-a .message-text:after {
  top: 13px
}

.talk-b .message-text:before {
  left: -10px;
  border-right: 9px solid #cbcbcb
}

.talk-b .message-text:after {
  left: -7px;
  border-right: 9px solid #fff
}

.talk-a .message-text:before, .talk-a .message-text:after {
  border-left: 9px solid #8177bf
}

.talk-a .message-text:before {
  right: -10px
}

.talk-a .message-text:after {
  right: -7px
}

.talk-item .message-text p {
  margin-bottom: 0
}

.talk-item .message-text img {
  max-width: 100%;
  max-height: 100px
}

.talk-item .message-text .pic-img {
  cursor: zoom-in
}

.talk-item .message-text .notzoomin {
  cursor: default
}

.talk-item .send-status {
  position: absolute;
  left: -20px;
  top: 50%;
  margin-top: -9px
}

.talk-item .send-status i {
  display: inline-block;
  width: 18px;
  height: 18px
}

.talk-item .send-status-sending {
  background: url(../img/process.gif) no-repeat;
  background-size: 18px 18px
}

.talk-item .send-status-fail {
  background-position: -83px -1px
}

.talk-notice {
  text-align: center;
  font-size: 12px
}

.talk-notice-content {
  display: inline-block;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #d5d5d5;
  padding: 5px 8px;
  background-color: #ededed
}

.talk-notice-content a {
  padding: 8px 3px
}

.message-txt-line {
  display: block;
  margin: 5px -12px 0;
  border-top: 1px solid #e2e2e2;
  padding-top: 5px
}

.message-related-item {
  margin-top: 7px;
  font-size: 12px;
  min-width: 180px
}

.message-related-tt {
  font-weight: 400;
  font-size: 12px
}

.message-related-cc {
  margin-top: 5px;
  overflow: hidden;
  zoom: 1
}

.message-related-cc .item {
  float: left;
  width: 50%
}

.nlp-feedback-item {
  display: block;
  margin-right: 8%;
  border: 1px solid #ccc;
  line-height: 26px;
  text-align: center;
  border-radius: 3px;
  cursor: pointer
}

.nlp-feedback-ico, .nlp-feedback-txt {
  display: inline-block;
  position: relative;
  vertical-align: middle
}

.nlp-feedback-ico {
  width: 16px
}

.nlp-feedback-up {
  top: -1px
}

.nlp-feedback-down {
  top: 2px
}

.nlp-feedback-txt {
  color: #6d77b8
}

.nlp-feedback-thanks {
  text-align: center
}

.msg-nlp-predict {
  background-color: #f2f2f0;
  margin: 10px -12px -9px;
  border-radius: 0 0 6px 6px;
  padding: 0 12px 9px;
  font-size: 12px
}

.msg-nlp-predict .predict-question {
  font-size: 14px
}

.copy-tip-display {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  margin: -25px auto 0;
  border-radius: 6px;
  padding: 15px 5px;
  width: 80%;
  text-align: center;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 0, 0, .5);
  z-index: 99
}

/*!/css/tab.css*/
.eui-tab-01 .tab-tt-01 {
  margin-bottom: -1px;
  padding-left: 5px;
  overflow: hidden;
  zoom: 1
}

.eui-tab-01 .tab-tt-01 li {
  float: left;
  margin: 0 5px;
  padding: 0 8px 6px;
  font-size: 12px;
  color: #4a4a4a;
  cursor: pointer
}

.eui-tab-01 .tab-tt-01 .cur {
  border-bottom: 2px solid #999;
  padding-bottom: 4px;
  cursor: default
}

.eui-tab-01 .tab-cc-01 {
  border-top: 1px solid #d5d5d5
}

.eui-tab-01 .dsn {
  display: none
}

/*!/css/list.css*/
.eui-list-title-01 {
  margin: 0 0 12px
}

.eui-txt-list-01 {
  margin-bottom: 0;
  padding-left: 0;
  line-height: 1.5;
  color: #4a4a4a
}

.eui-txt-list-01 .list-item {
  padding: 3px 0;
  zoom: 1
}

.eui-txt-list-01 .list-item:after {
  display: block;
  height: 0;
  content: ".";
  visibility: hidden;
  clear: both
}

.eui-txt-list-01 .list-item a {
  color: #4a4a4a;
  cursor: pointer
}

.eui-txt-list-01 .list-item a:hover {
  color: #6d77b8
}

.eui-txt-list-01 .list-item .no, .eui-txt-list-01 .list-item .cw, .eui-txt-list-01 .list-item .m {
  float: left
}

.eui-txt-list-01 .list-item .no, .eui-txt-list-01 .list-item .m {
  color: #999
}

.eui-txt-list-01 .list-item-ellipsis .c, .eui-txt-list-01 .list-item-ellipsis .m {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden
}

.eui-txt-list-01 .list-item .no {
  width: 20px
}

.eui-txt-list-01 .list-item .cw {
  text-indent:2em;
  margin-left: -20px;
  width: 100%
}

.eui-txt-list-01 .list-item-ellipsis .cw {
  margin-right: -130px
}

.eui-txt-list-01 .list-item .c {
  display: block;
  margin-left: 22px
}

.eui-txt-list-01 .list-item-ellipsis .c {
  margin-right: 140px
}

.eui-txt-list-01 .list-item .m {
  width: 130px
}

/*!/css/ueditor.css*/
.edui-default .edui-toolbar .edui-button .edui-icon {
  margin-top: 3px;
  height: 21px;
  width: 24px;
  background-image: url(../img/icons.png);
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./img/icons.png", sizingMethod="scale");
  background-image: none\n;
  cursor: pointer
}

.edui-default .edui-toolbar .edui-button .edui-icon:hover {
  background-image: url(../img/icon_hover.png);
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/icons-hover.png", sizingMethod="scale");
  background-image: none\n;
  cursor: pointer
}

.edui-default .edui-box {
  border: 0;
  padding: 0;
  overflow: hidden
}

.edui-default .edui-for-simpleupload .edui-icon {
  background-position: 0 0
}

.edui-editor div {
  width: auto;
  height: auto
}

.edui-default .edui-editor-toolbarbox {
  position: relative !important;
  zoom: 1;
  -webkit-box-shadow: 0 1px 4px rgba(204, 204, 204, .6);
  -moz-box-shadow: 0 1px 4px rgba(204, 204, 204, .6);
  box-shadow: 0 1px 4px rgba(204, 204, 204, .6);
  box-shadow: inset 0 10px 10px #BFBFBF;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px
}

.edui-default .edui-editor-toolbarboxinner {
  padding: 2px 0;
  width: 100%;
  background-color: #F7F7F7
}

.edui-default .edui-editor-toolbarboxouter {
  width: 100%;
  background-color: #fafafa;
  background-image: -moz-linear-gradient(top, #fff, #f2f2f2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(#f2f2f2));
  background-image: -webkit-linear-gradient(top, #fff, #f2f2f2);
  background-image: -o-linear-gradient(top, #fff, #f2f2f2);
  background-image: linear-gradient(to bottom, #fff, #f2f2f2);
  background-repeat: repeat-x
}

.edui-default .edui-toolbar .edui-button, .edui-default .edui-toolbar .edui-splitbutton, .edui-default .edui-toolbar .edui-menubutton, .edui-default .edui-toolbar .edui-combox {
  margin: 1px;
  margin-left: 9px
}

.edui-default .edui-editor {
  border: 0 !important
}

/*!/css/web.css*/
body {
  line-height: 1.5;
  font-size: 12px;
  color: #333;
  scrollbar-face-color: #c3c3c3;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased
}

.web-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  min-width: 960px;
  padding: 20px 0 50px;
  background: url(https://bos.nj.bpc.baidu.com/v1/nightpicture/upload/sdk/20160620/1466354642842047083c6b0e13b-b681-4466-87eb-487440268378.jpg) no-repeat;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="https://bos.nj.bpc.baidu.com/v1/nightpicture/upload/sdk/20160620/1466354642842047083c6b0e13b-b681-4466-87eb-487440268378.jpg", sizingMethod="scale");
  background-image: none\0
}

.web-main-hd-bd, .web-main-footer {
  margin: 0 auto;
  width: 960px
}

.web-main-hd-bd {
  position: relative;
  height: 100%
}

.web-main-footer {
  margin-top: 5px;
  text-align: center;
  font-size: 14px;
  color: #c3c3c3
}

.web-main-header {
  position: relative;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  height: 70px;
  background-color: #8177bf;
  filter: alpha(opacity=90);
  opacity: .9
}

.web-header-logo {
  position: absolute;
  left: 20px;
  top: 10px;
  width: 50px;
  height: 50px;
  background: url("../img/915ada09f8d35e4aaa510d5a59dcf636.jpg") no-repeat;
  background-size: cover;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../img/915ada09f8d35e4aaa510d5a59dcf636.jpg", sizingMethod="scale");
  background-image: none\0
}

.web-header-info {
  padding: 14px 20px 0 85px;
  line-height: 1.1;
  color: #fff
}

.web-header-info .title {
  font-weight: 400;
  font-size: 20px
}

.web-header-info .describe {
  margin-top: 8px;
  filter: alpha(opacity=50);
  opacity: .5
}

.web-main-body {
  position: absolute;
  left: 0;
  top: 70px;
  right: 0;
  bottom: 0;
  border: 1px solid #e3e3e3;
  border-top: 0;
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
  background-color: #fff
}

.web-main-content, .web-main-sidebar, .web-main-sidebar-inner {
  height: 100%
}

.web-main-content {
  position: relative;
  float: left;
  width: 70%
}

.web-main-sidebar {
  float: right;
  -webkit-border-radius: 0 0 6px;
  -moz-border-radius: 0 0 6px;
  border-radius: 0 0 6px;
  width: 30%;
  background-color: #ededf2
}

.web-main-sidebar-inner {
  border-left: 1px solid #e3e3e3;
  overflow-y: auto
}

.web-record-box {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 161px;
  padding: 5px;
  overflow-x: hidden;
  overflow-y: auto
}

.web-record-box .talk-item .message-text {
  max-width: 460px;
  font-size: 14px
}

.web-record-box .talk-b .message-text {
  float: left;
  margin-left: 10px
}

.web-record-box .talk-a .message-text {
  float: right;
  margin-right: 10px
}

.web-record-box .msg-nlp-predict {
  background-color: #fff
}

.web-record-box .msg-nlp-predict .predict-question {
  font-size: 13px
}

.web-ueditor-box {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #d5d5d5;
  width: 100%;
  height: 160px
}

.ueditor-input-con {
  height: 120px
}

.ueditor-input-con .tool-nonactive {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 34px;
  background-color: #f7f7f7;
  filter: alpha(opacity=70);
  opacity: .7;
  z-index: 9999
}

.ueditor-input-con .manual-ueditor {
  border: 0;
  padding: 0;
  width: 99.9%;
  height: 120px
}

.ueditor-send-con {
  height: 40px;
  z-index: 999
}

.ueditor-send-con .send-tip, .ueditor-send-con .btn-send {
  float: right
}

.ueditor-send-con .send-tip {
  margin-right: 8px;
  line-height: 30px;
  color: #c1c1c1
}

.ueditor-send-con .btn-send {
  margin-right: 12px;
  outline: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 0;
  width: 71px;
  height: 30px;
  vertical-align: middle;
  font-weight: 700;
  color: #fff;
  background-color: #7570bd;
  cursor: pointer
}

.ueditor-send-con .btn-send:hover {
  background-color: #7570bd;
  opacity: .9
}

.ueditor-send-con .send-no-active {
  background-color: #cdcdcd !important;
  cursor: default
}

.ueditor-send-con .send-no-active:hover {
  opacity: 1
}

.szn-autocomplete-results {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 161px;
  border-top: 1px solid #e1e1e1;
  padding: 0;
  background: #f8fafa;
  z-index: 9999
}

.szn-autocomplete-results li {
  border-top: 1px solid #e1e1e1;
  padding: 0 10px;
  line-height: 28px;
  font-size: 12px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: pointer
}

.szn-autocomplete-results li:first-child {
  border-top: 0
}

.szn-autocomplete-results li.selected {
  background: #eaeaea
}

.szn-autocomplete-results a, .szn-autocomplete-results a:visited {
  color: #666
}

.web-sidebar-con {
  padding: 15px 12px
}

.web-sidebar-con .tab-cc-01 {
  padding: 10px 3px
}

.web-pic-zoom.eui-pic-zoom img {
  width: auto;
  max-width: 100%
}

.estimate-container {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -100px 0 0 -240px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  width: 480px;
  height: 200px;
  background-color: #fff;
  z-index: 10000
}

.estimate-title {
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  padding-left: 15px;
  line-height: 40px;
  font-size: 18px;
  color: #fff;
  background-color: #ff4883
}

.estimate-con {
  overflow: hidden;
  zoom: 1
}

.estimate-con .es-emotion-img {
  float: left;
  margin: 15px 0 0 27px;
  width: 110px;
  height: 110px
}

.estimate-con .es {
  margin: 58px 30px 0 190px
}

.estimate-container-five .es {
  margin-top: 36px
}

.estimate-con .estimate {
  display: inline-block;
  margin: 7px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
  border: 1px solid #666;
  padding: 0 16px;
  line-height: 28px;
  vertical-align: middle;
  font-size: 14px;
  color: #999;
  cursor: pointer
}

.estimate-con .estimate-active {
  border: 1px solid #ff4883;
  color: #ff4883
}

.user-info-dialog {
  position: absolute;
  top: 250px;
  left: 500px;
  height: 180px;
  width: 300px;
  background-color: #fff;
  z-index: 10000;
  border-radius: 4px
}

.user-info-title {
  font-size: 12px;
  color: #fff;
  background-color: #ff8600;
  border-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 10px 0 0 20px;
  height: 30px
}

.user-info-form {
  width: 300px
}

.user-form-top {
  margin-top: 10px;
  margin-left: 50px;
  margin-right: 50px;
  margin-bottom: 20px
}

.user-form-bottom {
  margin-bottom: 20px;
  margin-left: 50px;
  margin-right: 50px
}

.user-info-dialog .user-btn-01 {
  margin-left: 120px;
  font-size: 18px
}

.form-ipt-w2 {
  width: 200px;
  height: 20px
}

.user-form-tip {
  font-size: 12px;
  color: #d00;
  line-height: 15px;
  margin-bottom: -15px
}
